<template>
	<G__TopNav/>
  <div class="about">
    <h1 class="x">This is an about page</h1>
  </div>
</template>
<script setup lang="ts">
// eslint-disable-next-line no-redeclare
import { onMounted } from "vue";

// eslint-disable-next-line no-use-before-define
onMounted(() => {
	console.log('is onMounted');
})
</script>

<script lang="ts">
import { defineComponent, onMounted } from 'vue'
import G__TopNav from "@/components/TopNav.vue";
// import HelloWorld from "../components/HelloWorld.vue";

export default defineComponent({
	name: 'page__about',
	components: {
		G__TopNav
		// HelloWorld
		// 异步组件
		// HelloWorld: defineAsyncComponent(() => import("../components/HelloWorld.vue")),
		// HelloWorld: defineAsyncComponent({
		// 	loader: () => import("../components/HelloWorld.vue"),
		// 	delay: 200,
		// 	timeout: 3000,
		// 	errorComponent: () => import("./ErrorComponent.vue"),
		// 	loadingComponent: () => import("./LoadingComponent.vue"),
		// })
	},

	setup() {
		onMounted(() => {
			console.log('onMounted')
		})
	}
})
</script>
<style lang="less" scoped>
.x {
	color: blue;
}

</style>
